<template>
    <div class="card-box">
        <div class="card-title">审批表</div>
        <div class="template-head">
            <span class="template-head-font">福田区政府物业管理中心费用审批表</span>
            <span class="head-time">{{todayTime}}</span>
        </div>
        <div class="table-div">
            <table class="approve-form-table">
                <tr  >
                    <td  style="width:200px">经手人</td>
                    <td><div style="margin-top:10px; height: 50px;width:200px;text-align:center">{{approveFormTable.dealer}}</div></td>
                    <td>审批时间</td>
                    <td>
                        <el-date-picker
                                   v-model="approveFormTable.applyTime"
                                   type="date"
                                   placeholder="申请时间"
                                   format="yyyy-MM-dd"
                                   value-format="yyyy-MM-dd"
                                   disabled="disabled"
                               ></el-date-picker>
                    </td>
                    <td>申请金额(元)</td>
                    <td><span>{{approveFormTable.applyPayment}}</span>
                    </td>
                </tr>
                <tr>
                    <td>开支内容</td>
                    <td colspan="3">部门（所）领导意见</td>
                    <td colspan="2">分管领导意见</td>
                </tr>
                <tr class="tr">
                    <td>
                         <textarea  style="border:0px;height: 220px;width:150px;background-color: white;resize:none" type="text"  disabled v-model="approveFormTable.spendingContent"></textarea>
                    </td>
                    <td colspan="3">
                         <textarea style="border:0px;height: 220px;width:550px;background-color: white;resize:none"  disabled v-model="approveFormTable.departmentOpinion"  >
                        </textarea>
                    </td>
                    <td colspan="2">
                        <textarea style="border:0px;width: 310px;height: 270px ;background-color: white;resize:none"   disabled  v-model="approveFormTable.inchargeOpinion"></textarea>
                        <!--  <el-input type="textarea" v-model="approveFormTable.inchargeOpinion" placeholder="请输入" maxlength="500" :autosize="{ minRows: 6, maxRows: 10}">
                         </el-input> -->
                    </td>
                </tr>
            </table>
        </div>
    </div>
</template>

<script src="./js/look-approve-form.js">
</script>

<style scoped lang="scss">
    .tr {
        height: 200px;
    }

    @import "./scss/approve-form";
</style>
